<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
    <title>HtmlDialog</title>
    <script type="text/javascript">
        var count = 0;
        function updateCount(value) {
            count = count + value;
            document.getElementById("Text1").value = count;
            return count.toString();
        }

        function ShowModalDlg() {
            pageofficectrl.ShowHtmlModalDialog("Modal", "abcdefg", "left=300px;top=390px;width=560px;height=410px;");
        }
        function ShowModelessDlg() {
            pageofficectrl.ShowHtmlModelessDialog("Modeless", "123456", "left=300px;top=390px;width=560px;height=410px;");
        }
        function OnPageOfficeCtrlInit() {
            pageofficectrl.AddCustomToolButton("弹出模态窗口", "ShowModalDlg()", 0);
            pageofficectrl.AddCustomToolButton("弹出非模态窗口", "ShowModelessDlg()", 0);
        }
    </script>
</head>
<body>
    <div>
        Count=<input id="Text1" type="text" value="0"/>
    </div>

    <div style="height: 700px; width: auto;" th:utext="${pageoffice}"></div>
</body>

</html>
